<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">

		<title>01CSS기본</title>
 <!-- 내부스타일 시트 -->
<style type="text/css">
	body{border: 1px solid red;}
	p,h1{color:blue;}
	
</style>
	<link type="text/css" rel="stylesheet" href="CSS/01CSS.css" /> <!-- 외부 스타일시트 -->
	</head>

	<body>
		<h1>CSS기본1</h1>
		<p style="color: orange">CSS1은 1996년 12월에 발표</p>
		<p>CSS2은 1998년 5월에 발표</p>
		<p>CSS3은 2005년 12월이후로 계속 개발중</p><br />
			2010년 12월에 2차 안정화 버젼 발표
	
	<!--
	CSS: Cascading Style Sheet
	작성한 HTML문서의 내용이 브라우저에 따라 각각 다르게 표현되던 문제 해결할 목적 
	HTML의 시각적 표현을 제어하기 위한 언어 웹페이지의 디자인을 제어하고 더 매력적으로 보이게 할 수 있음.
	
	p{color : red;}
	p,h1{color : red;}
	CSS 규칙은 선택자와 선언으로 구성
	선택자는 CSS를 적용할 요소를 의미
	하나 이상의 선택자는 ,로 구분	
		
	선언은 속성(color)과 속성값(red)로 구성
	속성은 변경하려는 요소의 부분(성질)을 의미
	값은 선택한 속성에 사용하려는 설정을 의미
	하나 이상의 선언들은 ;으로 구분
	주석은 /* */으로 사용
	
	인라인 스타일 
	각 요소(태그)안에 style 속성을 사용
	스타일은 해당 태그에만 적용됨
	
	내부 스타일
	head 태그에 style 태그에 선언
	type 속성으로 css문서 종류 지정
	선택자에 의해 부분 또는 전체 대사응로 적용가능
	
	외부스타일
	head 태그에 link 태그에 선언
	href 속성으로 연결할 외부 CSS파일 지정
	rel 속서응로 현재페이지와 link 문서간의 관계 지정
	
	내부/인라인 vs 외부 스타일
	되도록 외부 스타일을 사용할 것
	페이지의 코드양이 줄어듬 - 전송속도 빨라짐
	페지이좌 컨텐츠를 분리할 수 있음, 하나의 파일만 변경하면 모든 페이지 스타일 적용
	
    -->
	
	
	</body>
</html>
